<template>
<div class="list">
    <mt-header title="修仙">
        <router-link to="/" slot="left">
            <mt-button icon="back"></mt-button>
        </router-link>
        <mt-button icon="more" slot="right"></mt-button>
    </mt-header>
    <ul class="list-mian">
        <li>
            <img src="../../assets/images/5d1d741e7b2eb-750x999.jpg" alt="">
            <h6>修仙</h6>
            <p>惨绝人寰惊天动地</p>
        </li>
        <li>
            <img src="../../assets/images/5b7f71452cb89-600x800.jpg" alt="">
            <h6>修仙</h6>
            <p>惨绝人寰惊天动地</p>
        </li>
        <li>
            <img src="../../assets/images/5c0a418624f8d-750x999.jpg" alt="">
            <h6>修仙</h6>
            <p>惨绝人寰惊天动地</p>
        </li>
        <li>
            <img src="../../assets/images/5c06281622751-750x999.jpg" alt="">
            <h6>修仙</h6>
            <p>惨绝人寰惊天动地</p>
        </li>
       <li>
            <img src="../../assets/images/5e182f3a506f3-743x991.jpg" alt="">
            <h6>修仙</h6>
            <p>惨绝人寰惊天动地</p>
        </li>
         <li>
            <img src="../../assets/images/5ed74a37c854e-750x999.jpg" alt="">
            <h6>修仙</h6>
            <p>惨绝人寰惊天动地</p>
        </li>
         <li>
            <img src="../../assets/images/5ed70061105c7-750x999.jpg" alt="">
            <h6>修仙</h6>
            <p>惨绝人寰惊天动地</p>
        </li>
         <li>
            <img src="../../assets/images/5eec2177b57f3-750x999.jpg" alt="">
            <h6>修仙</h6>
            <p>惨绝人寰惊天动地</p>
        </li>
         <li>
            <img src="../../assets/images/86080.jpg" alt="">
            <h6>修仙</h6>
            <p>惨绝人寰惊天动地</p>
        </li>
         <li>
            <img src="../../assets/images/5d1d741e7b2eb-750x999.jpg" alt="">
            <h6>修仙</h6>
            <p>惨绝人寰惊天动地</p>
        </li>
         <li>
            <img src="../../assets/images/5d1d741e7b2eb-750x999.jpg" alt="">
            <h6>修仙</h6>
            <p>惨绝人寰惊天动地</p>
        </li>
         <li>
            <img src="../../assets/images/5d1d741e7b2eb-750x999.jpg" alt="">
            <h6>修仙</h6>
            <p>惨绝人寰惊天动地</p>
        </li>

        

    </ul>
</div>
</template>
<style scoped>
.list .mint-header{
    background: none;
    color: #ff7830;
    font-size: 16px;
}
.list-mian{
    display: flex;
      flex-wrap:wrap;
      justify-content:space-around;
      text-align: center;
      list-style: none;
    margin: 0;
    padding: 0;
} 
.list li{
    float: left;
    width: 6.01333rem;
    position: relative;
   
    
}
.list li p{
 font-size: 10px;
    color:gray;
}
.list li img{
    width: 100%;
}
</style>